/* 轮播图 */
.slide { position:relative; overflow:hidden;}
.slide .slide-item { position:relative; width: 100%; height: 100%; }
.slide .slide-item .bg { position: relative; z-index: 1; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.slide .slide-item .inner { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.slide .slide-item .text {  width: 40vw;}
.slide .slide-item .text img { width: 100%; height: 100%; object-fit: cover;}
.slide .btn { position: absolute; z-index: 3; bottom: 1rem; left: 50%; transform: translate(-50%, 0);}
.slide .prev,
.slide .next { display: inline-block; width: 1.2rem; height: 1.2rem; border: 1px solid #fff; border-radius: 50%; cursor: pointer; transition: all 0.5s;}
.slide .prev .iconfont,
.slide .next .iconfont { display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1; font-size: 0.48rem; color: #fff;}
.slide .prev { margin-right: 0.2rem;}
.slide .prev:hover,
.slide .next:hover {}
/* 楼层通用 */
.floor { padding: 1.6rem 0; background-color: #fff;}
.floor .floor_hd { padding: 0.48rem 0;}
.floor .titlebar { position: relative; text-align: left;}
.floor .titlebar .zh { position: relative; display: inline-block; font-size: 0.8rem; font-weight: 700; color: #222;}
.floor .titlebar .zh::before { content: ''; box-sizing: border-box; position: absolute; z-index: 1; top: 0; right: -0.2rem; width: 0.48rem; height: 0.48rem; border: 0.06rem solid #e62129; border-radius: 50%;}
.floor .titlebar .zh span { position: relative; z-index: 2;}
.floor .titlebar .en { line-height: 2; font-size: 0.4rem; font-weight: 400; font-family: "Gotham SSm A", "Gotham SSm B"; color: #ccc;}
.floor .floor_hd .desc { margin-top: 0.4rem; line-height: 0.48rem; font-size: 0.32rem; color: #888;}
.floor .more-btn { margin-top: 0.8rem;}
.floor .more-btn a { position: relative; display: block; width: 2rem; padding: 0 0.4rem; border: 1px solid #222; line-height: 0.84rem; font-size: 0.32rem; color: #222; transition: all 0.5s;}
.floor .more-btn a span { position: relative; z-index: 2;}
.floor .more-btn a::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; background-color: #222; transition: all 0.5s;}
.floor .more-btn a::after { content: ''; display: block; position: absolute; z-index: 1; top: 50%; right: 0.4rem; width: 0.32rem; height: 0.02rem; background-color: #222; transition: all 0.5s;}
.floor .more-btn a:hover { color: #fff;}
.floor .more-btn a:hover::before { width: 100%;}
.floor .more-btn a:hover::after {  background-color: #fff;}
/* 关于我们 */
.floor-about { background-color: #f7f7f7;}
.floor-about .floor_hd { width: 38%;}
.floor-about .floor_bd { width: 60%;}
.floor-about .floor_hd .desc { padding-top: 5%; line-height: 2; font-size: 0.48rem; color: #222;}
.about-info .tit { font-size: 0.48rem;}
.about-info .sub { margin-top: 0.2rem; font-size: 0.3rem; color: #888;}
.about-info .line { margin: 0.64rem 0; width: 0.8rem; height: 2px; background-color: #e62129;}
.about-info .text { line-height: 2; font-size: 0.3rem; color: #888;}
.about-info .more-btn { margin-top: 0; padding-top: 6vw;}
/* 无机华石 */
.floor-intro .floor_hd { width: 38%;}
.floor-intro .floor_bd { width: 60%;}
.floor-intro .floor_hd .desc { margin-top: 0; padding-top: 5%; line-height: 2;}
.floor-intro .floor_hd .more-btn { margin-top: 0; padding-top: 15%;}
.floor-intro .intro-img .preview { position: relative; height: 0; width: 100%; padding-bottom: 60%; overflow: hidden; background-color: #fff;}
.floor-intro .intro-img .preview img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
/* 产品系列 */
.floor-product { background-color: #f7f7f7;}
.floor-product .floor_hd { width: 18%;}
.floor-product .floor_bd { width: 80%;}
.product-list { margin-bottom: 0.48rem; visibility: visible; display: flex; flex-wrap: wrap;}
.product-item { box-sizing: border-box; width: calc((100% - 1.2rem) / 4); margin-right: 0.4rem; margin-bottom: 0.64rem;}
.product-item:nth-child(4n) { margin-right: 0;}
.product-item .preview { position: relative; height: 0; width: 100%; padding-bottom: 140%; overflow: hidden; background-color: #fff;}
.product-item .preview .img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.product-item .preview .cover { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: translateX(100%); transition: all 0.5s;}
.product-item .preview a { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.product-item .title { position: relative; margin-top: 0.48rem; padding-left: 0.56rem; line-height: 0.48rem; font-size: 0.36rem; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-item .title::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ""; width: 0.28rem; height: 0.04rem; background-color: #222;}
.product-item:hover .preview .img { transform: scale(1.1);}
.product-item:hover .preview .cover { opacity: 1; transform: translateX(0);}
/* 案例展示 */
.case-list { padding: 2% 2%; background-color: #f7f7f7;}
.case-item { display: flex; align-items: center; background-image: url('../images/hsd_bg4.jpg'); background-position: center bottom; background-repeat: no-repeat;}
.case-item:nth-child(even) { flex-direction: row-reverse;}
.case-item:not(:first-child) { margin-top: 0.48rem;}
.case-item .preview { position: relative; overflow: hidden; height: 0; width: 65%; padding-bottom: 40%; transition: all 0.5s;}
.case-item .preview img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease;}
.case-item .info { box-sizing: border-box; width: 35%; padding: 0 0.64rem;}
.case-item .title { text-align: center; font-size: 0.48rem; font-weight: 500; color: #222;}
.case-item .desc { line-height: 1.5; font-size: 0.28rem; color: #666; margin-top: 0.24rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.case-item .line { width: 0.64rem; height: 0.02rem; background-color: #222; margin: 0.48rem auto;}
.case-item .more { margin-top: 0.4rem; display: flex; justify-content: center;}
.case-item .more a { position: relative; display: block; width: 2.32rem; padding: 0 0.24rem; border-bottom: 2px solid #222; line-height: 0.84rem; font-size: 0.32rem; color: #222; transition: all 0.5s;}
.case-item .more a span { position: relative; z-index: 2;}
.case-item .more a::before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 100%; background-color: #fff; transition: all 0.5s;}
.case-item .more a:hover { width: 2rem; padding: 0 0.4rem;}
.case-item .more a:hover::before { width: 100%;}
/* 新闻资讯 */
.floor-news { background-color: #f7f7f7;}
.floor-news .floor_hd { width: 18%;}
.floor-news .floor_bd { width: 80%;}
.news-list { display: flex; flex-wrap: wrap;}
.news-item { box-sizing: border-box; position: relative; margin-right: 0.6rem; margin-bottom: 0.6rem;  width: calc((100% - 1.2rem) / 3); padding: 0.32rem 0.32rem; background-color: #fff;}
.news-item:nth-child(3n) { margin-right: 0;}
.news-item .time { color: #666;}
.news-item .title { margin: 0.4rem 0; font-size: 0.4rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-item .desc { margin: 0.4rem 0; min-height: 1.12rem; line-height: 2; font-size: 0.28rem; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.news-item .preview { width: 100%; height: 50%; overflow: hidden;}
.news-item .preview img { width: 100%; height: 100%; object-fit: cover; transition: all 0.6s ease;}
.news-item .line { position: relative; width: 100%; height: 1px; background-color: #eee;}
.news-item .line::before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 0; height: 1px; background-color: #222; transition: all 0.5s;}
.news-item:hover .preview img { transform: scale(1.1);}
.news-item:hover .line::before { width: 100%;}
.news-item .more { margin-top: 0.32rem;}
.news-item .more a { line-height: 2.2; font-size: 0.32rem; color: #666;}
/* 合作伙伴 */
.floor-partner .floor_hd { width: 18%;}
.floor-partner .floor_bd { width: 80%;}
.partner-list { width: 100%; }
.partner-list li { float: left; width: calc((100% - 0.8rem) / 6); margin-right: 0.16rem; margin-bottom: 0.16rem;}
.partner-list li:nth-child(6n) { margin-right: 0;}
.partner-list li .preview { position: relative; width: 100%; height: 0; padding-bottom: 50%; overflow: hidden;}
.partner-list li .preview img { position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; max-width: 80%; max-height: 80%; object-fit: cover;}

@media screen and (max-width: 560px) {
  
}